
.project-manage-type-list {
  width: 100%;
  height: 100vh;
  box-sizing: border-box;
  padding: 12px;
  overflow: hidden;
  &-header {
    padding: 20px;
    width: 100%;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 16px;
    h2 {
      margin-bottom: 8px;
      font-size: 16px;
      line-height: 22px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 500;
      color: #262626;
    }
    p {
      font-size: 12px;
      color: #666666;
      line-height: 20px;
      font-family: PingFangSC-Regular, PingFang SC;
      color: #8c8c8c;
      margin-bottom: 0;
    }
  }

  &-con {
    height: calc(100% - 106px);
    overflow: auto;

    @include dynamic-card-list(2, 'project-manage-type-list-con-group-item');
    &-group {
      display: flex;
      flex-wrap: wrap;
      align-content: flex-start;
      width: 100%;
      &-item {
        background-color: #fff;
        margin: 0 12px 12px 0;
        border-radius: 4px;
        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
      }
    }
  }
}